html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*:before,
*:after {
  box-sizing: border-box;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #eee;
}
::-webkit-scrollbar-thumb {
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 6px;
}
.client {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.mr-50 {
  margin-right: 50px;
}
.mr-45 {
  margin-right: 45px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-0 {
  margin-right: 0px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-0 {
  margin-top: 0px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-0 {
  margin-bottom: 0px;
}
.ml-50 {
  margin-left: 50px;
}
.ml-45 {
  margin-left: 45px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-35 {
  margin-left: 35px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-0 {
  margin-left: 0px;
}
.bg-blue {
  background: #20a0ff;
}
.bg-blue-light {
  background: #58b7ff;
}
.bg-blue-dark {
  background: #1d8ce0;
}
.bg-success {
  background: #13ce66;
}
.bg-warning {
  background: #f7ba2a;
}
.bg-danger {
  background: #ff4949;
}
.bg-dark {
  background: #1f2d3d;
}
.bg-dark-light {
  background: #324057;
}
.bg-dark-lighter {
  background: #475669;
}
.bg-silver {
  background: #8492a6;
}
.bg-silver-light {
  background: #99a9bf;
}
.bg-silver-lighter {
  background: #c0ccda;
}
.bg-gray {
  background: #d3dce6;
}
.bg-gray-light {
  background: #e5e9f2;
}
.bg-gray-lighter {
  background: #eff2f7;
}
.bg-white {
  background: #ffffff;
}
.bg-white-light {
  background: #f9fafc;
}
.text-blue {
  color: #20a0ff !important;
}
.text-blue-light {
  color: #58b7ff !important;
}
.text-blue-dark {
  color: #1d8ce0 !important;
}
.text-success {
  color: #13ce66 !important;
}
.text-warning {
  color: #f7ba2a !important;
}
.text-danger {
  color: #ff4949 !important;
}
.text-dark {
  color: #1f2d3d !important;
}
.text-dark-light {
  color: #324057 !important;
}
.text-dark-lighter {
  color: #475669 !important;
}
.text-silver {
  color: #8492a6 !important;
}
.text-silver-light {
  color: #99a9bf !important;
}
.text-silver-lighter {
  color: #c0ccda !important;
}
.text-gray {
  color: #d3dce6 !important;
}
.text-gray-light {
  color: #e5e9f2 !important;
}
.text-gray-lighter {
  color: #eff2f7 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-white-light {
  color: #f9fafc !important;
}
.text-normal {
  color: #666666 !important;
}
.text-promote {
  font-size: 12px;
  color: #999999 !important;
}
.text-invalid {
  font-size: 12px;
  color: #cccccc !important;
}
.text-link {
  font-size: 12px;
  color: #20a0ff !important;
}
.main-title {
  font-size: 16px;
  color: #666666 !important;
}
.main-title-bold {
  font-size: 16px;
  color: #666666 !important;
  font-weight: 700;
}
.sub-title {
  font-size: 14px;
  color: #666666 !important;
}
.sub-title-bold {
  font-size: 14px;
  color: #666666 !important;
  font-weight: 700;
}
.small-title {
  font-size: 12px;
  color: #666666 !important;
}
.small-title-bold {
  font-size: 12px;
  color: #666666 !important;
  font-weight: 700;
}
